const {ccclass, property} = cc._decorator;

@ccclass
export default class Property extends cc.Component {

    @property({type: cc.Node, displayName: "装备武器按钮", tooltip: "装备武器按钮"})
    btn_equip: cc.Node[] = [];


    @property({type: cc.Node, displayName: "战斗力面板", tooltip: "战斗力面板"})
    UI: cc.Node = null;

    @property({displayName: "当没有装备时显示的图标", tooltip: "当没有装备时显示的图标", type: cc.Node})
    no: cc.Node = null;

    @property({displayName: "有装备时显示的图标", tooltip: "有装备时显示的图标", type: cc.Node})
    yes: cc.Node = null;


    
    @property({displayName: "显示武器图标的精灵", tooltip: "显示武器图标的精灵", type: cc.Sprite})
    W_sp: cc.Sprite = null;

    @property({displayName: "武器图标", tooltip: "武器图标", type: cc.SpriteFrame})
    sprite: cc.SpriteFrame[] = [];


    onLoad () {
        // 检测按钮 进行隐藏和显示
        this.check();
    }


    // 检测
    check () {
        // 获取武器数据
        let n = cc.sys.localStorage.getItem("weapon");
        // 如果有数据
        if (n != null) {
            // 显示所有按钮
            for (let i = 0; i < this.btn_equip.length; i++) {                
                this.btn_equip[i].active = true;
            }

            // 隐藏已经装备的武器的装备按钮
            let num = Number(cc.sys.localStorage.getItem("weapon"));
            this.btn_equip[num - 1].active = false;


            // 显示和隐藏图标
            this.no.active = false;
            this.yes.active = true;
            this.W_sp.spriteFrame = this.sprite[num - 1];
        } else {
            // 显示所有按钮
            for (let i = 0; i < this.btn_equip.length; i++) {                
                this.btn_equip[i].active = true;
            }

            // 显示和隐藏图标
            this.no.active = true;
            this.yes.active = false;
        }
    }

    // 打开战斗力面板
    open () {
        this.UI.active = true;
    }

    // 关闭战斗力面板
    close () {
        this.UI.active = false;
    }


    // 删除武器数据专用函数
    remove_W_data () {
        cc.sys.localStorage.removeItem("weapon");

        // 检测
        this.check();
    }



}
